<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>新建圈子</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/circle.css" rel="stylesheet" />
		<link href="../css/my.css" rel="stylesheet" />
		<style>
			
			.buildAddIcon {
				width: 88px;
				padding: 0px!important;
				margin: 10px!important;
				border: 1px dashed #ccc;
				display: block;
				text-align: center;
				color: #ccc!important;
				line-height: 88px!important;
				font-size: 70px!important;
				float: left;
			}
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<h1 id="title" class="mui-title km-view-title">新建圈子</h1>
		</header>
		<div class="mui-content3">
			<ul class="mui-table-view jg-input-ul">
				<li class="mui-table-view-cell">
					<span class="left">圈名:</span>
					<input type="text" placeholder="请输入圈名" />
				</li>
				<li class="mui-table-view-cell">
					<span class="left">简介:</span>
					<textarea placeholder="请输入圈子简介"></textarea>
				</li>
				<li class="mui-table-view-cell">
					<span class="left">入圈验证:</span>
					<select>
						<option>允许任何人加入</option>
						<option>允许所有医生加入</option>
						<option>医生凭身份验证加入</option>
						<option>所有人凭身份验证加入</option>
						<option>不允许任何人加入</option>
					</select>
				</li>
				<li class="mui-table-view-cell">
					<span class="left">发帖限制:</span>
					<select>
						<option>任何人都可发帖</option>
						<option>只允许医生发帖</option>
						<option>不允许成员发帖</option>
					</select>
				</li>
				<li class="mui-table-view-cell">
					<span class="left">图标:</span>
					<img src="../img/example2.png" />
					<a class="buildAddIcon mui-icon mui-icon-plusempty" href="#getPicture" style="margin:10px!important;"></a>
				</li>
				<li class="mui-table-view-cell">
					<a ontouchstart='openWindow("circle-user-list.html", "circle-user-list.html");'><i class="mui-icon mui-icon-plus" ></i>添加初始成员:</a>
					<ul class="mui-table-view menu-admin" id="menu-admin">
						<li class="mui-table-view-cell mui-media">
							<div class="mui-slider-right mui-disabled">
								<a class="mui-btn mui-btn-red">删除</a>
							</div>
							<a>
								<div class="mui-slider-handle">
									<img class="mui-media-object mui-pull-left" src="../img/example4.png">
									<div class="mui-media-body">
										王小二
									</div>
								</div>
							</a>
						</li>
						<li class="mui-table-view-cell mui-media">
							<div class="mui-slider-right mui-disabled">
								<a class="mui-btn mui-btn-red">删除</a>
							</div>
							<a>
								<div class="mui-slider-handle">
									<img class="mui-media-object mui-pull-left" src="../img/example4.png">
									<div class="mui-media-body">
										王小二
									</div>
								</div>
							</a>
						</li>
					</ul>
				</li>
			</ul>
			<a class="save-button">新&nbsp;建</a>
		</div>
		<div id="getPicture" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">拍照</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#">从相册获取</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#getPicture"><b>取消</b></a>
				</li>
			</ul>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script>
		mui.init({
			swipeBack: true,
			statusBarBackground: '#f7f7f7',
			statusBarStyle: 'UIStatusBarStyleDefault'
		});
		mui('.mui-scroll-wrapper').scroll();
	</script>

</html>